<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>银联实名认证注册</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<div class="flow-header">
    <div class="line-gary"></div>
    <div class="line-blue-one"></div>
    <!--<div class="line-blue-two"></div>-->
    <div class="weui-flex cert-flow">
        <div class="weui-flex__item flow-done">
            <div class="flow-step flow-step-one">
                <i></i>
            </div>
            <p class="flow-text">注册方式</p>
        </div>
        <div class="weui-flex__item flow-done">
            <div class="flow-step flow-step-three">
                <i></i>
            </div>
            <p class="flow-text">校验信息</p>
        </div>
        <div class="weui-flex__item">
            <div class="flow-step flow-step-two">
                <i></i>
            </div>
            <p class="flow-text">填写资料</p>
        </div>
        <div class="weui-flex__item">
            <div class="flow-step flow-step-four">
                <i></i>
            </div>
            <p class="flow-text">注册完成</p>
        </div>
    </div>
</div>

<div class="type-title"><i class="type-unionpay-icon"></i><span>银联实名认证注册</span></div>
<div class="wait-box">
    <i class="wait-icon"></i>
    <p class="wait-text">您的实名认证正在校验中 请耐心些等待……</p>
</div>
<div class="weui-cells weui-cells_form margin-top margin-bottom">
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" type="text" value="啦啦啦" readonly>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd"><label class="weui-label">身份证件</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" id="ID-card" type="text" value="15615156" readonly>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd">
            <label class="weui-label">证件号码</label>
        </div>
        <div class="weui-cell__bd">
            <input class="weui-input" type="text" value="15615156" readonly>
        </div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__hd">
            <label class="weui-label">手机号</label>
        </div>
        <div class="weui-cell__bd">
            <input class="weui-input" type="tel" value="15615156" readonly>
        </div>
    </div>
    <div class="weui-cell weui-cell_vcode">
        <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
        <div class="weui-cell__bd">
            <input class="weui-input" type="number" placeholder="请输入验证码">
        </div>
        <div class="weui-cell__ft">
            <button id="yz-code" class="weui-vcode-btn">获取验证码</button>
        </div>
    </div>
    <div class="com-btn">
        <a href="thoroughUser.html" type="submit" class="weui-btn btn-default">申请校验</a>
    </div>
</div>

@import "footer.html"
<script>
    $(function () {
      $('#yz-code').on('click',function (e) {
        e.stopPropagation();
        var timeNum=5;
        $(this).text(timeNum+'秒后再获取').attr('disabled', true);
        timeNum--;
        var timer=setInterval(function () {
          if(timeNum>0){
            $(this).text(timeNum+'秒后再获取').attr('disabled', true);
            timeNum--;
          }else {
            clearInterval(timer);
            timer=null;
            $(this).text('获取验证码').attr('disabled',false);
          }
        }.bind(this),1000)
      });
    });
</script>
</body>
</html>